<script setup lang='ts'>
import { onMounted, ref } from 'vue';

// ref函数中写null 可以获取dom元素和组件
// 要在onMounted函数、异步函数中获取Dom元素--这个时候DOM元素已经渲染完成
const inputRef = ref(null)

onMounted(() => {
  // inputRef.value.focus()
})
const clickMe = () => {
  inputRef.value.focus()
}
const btnRef = ref(null)

onMounted(() => {
  console.log(btnRef.value);
})
</script>

<template>
  <div>
    <input ref="inputRef" type="text">
    <button ref="btnRef" @click="clickMe">点我</button>
  </div>
</template>

<style scoped></style>